<template lang="pug">
  view-box.beansUseDetail
    .message(v-for="msg in beansmessage")
      span.point
      span.time {{msg.addtime}}
      span.content {{msg.remark}}
</template>

<script>
import memberService from '@/api/member'

export default {
  name: 'beansUseDetail',
  data () {
    return {
      pagination: {
        page: 1,
        pagesize: 10
      },
      beansmessage: []
    }
  },
  created () {
    document.title = "我的欢乐豆"
    this.getBeansmessage()
  },
  methods: {
    getBeansmessage () {
      memberService.PointRecords(this.pagination)
        .then(res => {
          this.beansmessage = res.result.list
        })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less">
  .beansUseDetail{
    .message{
      text-align: left;
      border-bottom:1px solid #ccc;
      padding:10px;
      font-size: 16px;
      span.point{
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #008000;
      }
      span.content{
        color:#008000;
      }
    }
  }
  
</style>
